<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="base.css" type="text/css" media="screen">
	<link rel="stylesheet" id="current-theme" href="style.css" type="text/css" media="screen">
</head>

<body>
	<div id="container">
		<div id="header">
		  <h1><a href="http://pilu.github.com/web-app-theme/index.html">OrtoC11nica - Arrumamos pernas quebradas e cabeças cortadas</a></h1>
		  <div id="user-navigation">
			<ul class="wat-cf">
			  <li><a href="javascript:void(0)">Perfil do Usuário</a></li>
			  <li><a href="javascript:void(0)">Configuração</a></li>
			  <li><a class="logout" href="javascript:void(0)">Logout</a></li>
			</ul>
		  </div>
		  <div id="main-navigation">
			<ul class="wat-cf">
			  <li class="first"><a href="javascript:void(0)">Consultas</a></li>
			  <li class="active"><a href="javascript:void(0)">RH</a></li>
			  <li><a href="javascript:void(0)">Financeiro</a></li>
			  <li><a href="pag3.html">Relatórios</a></li>
			  <li><a href="javascript:void(0)">Estoque</a></li>
			  <li><a href="javascript:void(0)">Manutenção</a></li>
			  <li><a href="javascript:void(0)">Logística</a></li>
			</ul>
		  </div>
		</div>
		<div id="wrapper" class="wat-cf">
		  <div id="main">
			<div class="block" id="block-tables">
			  <h3>Todos funcionários</h3>
			  <div class="content">
				<div class="inner">
				  <form action="javascript:void(0)" class="form">
					<table class="table">
					  <tbody><tr>
						<th class="first"><input type="checkbox" class="checkbox toggle"></th>
						<th>ID</th>
						<th>Cargo</th>
						<th>Name</th>
						<th>Sobrenome</th>
						<th class="last">&nbsp;</th>
					  </tr>
					  <tr class="odd">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>1</td><td>Médico</td><td>Hulk</td><td>Hogan</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="even">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>2</td><td>Médico</td><td>Ultimate</td><td>Warrior</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="odd">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>3</td><td>Médico</td><td>Andre</td><td>The Giant</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="even">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>4</td><td>Atendente</td><td>Macho Man</td><td>Randy Savage</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="odd">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>5</td><td>Atendente</td><td>Thor</td><td>Filho de Odin</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="even">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>6</td><td>Faxineiro</td><td>Homem-aranha</td><td>Nunca bate sempre apanha</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="odd">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>7</td><td>Faxineiro</td><td>Maguyver</td><td>Mr. Impossible</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="even">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>8</td><td>Relações Humanas</td><td>Macho Cado</td><td>Rinnunig Wild</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="odd">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>9</td><td>Relações Humanas</td><td>Mulher Maravilha</td><td>a Amazona</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					  <tr class="even">
						<td><input type="checkbox" class="checkbox" name="id" value="1"></td><td>10</td><td>Relações Humanas</td><td>Clara</td><td>Gema</td><td class="last"><a href="javascript:void(0)">detalhes</a> | <a href="javascript:void(0)">editar</a> | <a href="javascript:void(0)">deletar</a></td>
					  </tr>
					</tbody></table>
					<div class="actions-bar wat-cf">
					  <div class="actions">
						<button class="button" type="submit">
						  <img src="images/cross.png" alt=""> Deletar
						</button>
					  </div>
					  <div class="pagination">
						<span class="disabled prev_page">« Anterior</span><span class="current">1</span><a rel="next"  href="javascript:void(0)">2</a><a href="javascript:void(0)">3</a><a href="javascript:void(0)">4</a><a href="javascript:void(0)">5</a><a href="javascript:void(0)">6</a><a href="javascript:void(0)">7</a><a href="javascript:void(0)">8</a><a href="javascript:void(0)">9</a><a href="javascript:void(0)">Próximo »</a>
					  </div>
					</div>
				  </form>
				</div>
			  </div>
			</div>
		  </div> <!main>
		  <div id="sidebar">
			<div class="block">
			  <h3>Ações</h3>
			  <ul class="navigation">
				<li><a href="pag2.html">Cadastrar funcionário</a></li>
			  </ul>
			</div>
		  </div>
		  <div id="sidebar">
			<div class="block">
			  <h3>Cargos</h3>
			  <ul class="navigation">
				<li><a href="javascript:void(0)">Médicos</a></li>
				<li><a href="javascript:void(0)">Atendentes</a></li>
				<li><a href="javascript:void(0)">Relações Humanas</a></li>
				<li><a href="javascript:void(0)">Faxineiros</a></li>
				<li><a href="javascript:void(0)">Técnicos</a></li>
				<li><a href="javascript:void(0)">Enfermagem</a></li>
				<li><a href="javascript:void(0)">Diretoria</a></li>
			  </ul>
			</div>
		  </div>
		</div> <!wrapper>
		<div id="footer">
		  <div class="block">
			<p>Copyright © 2011 OrtoC11nica.</p>
		  </div>
		</div>
	</div> <!container>
</body>

</html>